<!DOCTYPE html>
<html lang="en">
<head>
    <title>话题</title>
    <link href="/static/index/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- fontawesome -->
    <link href="/static/index/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- Bootstrap stylesheet -->
    <link href="/static/index/css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link rel="stylesheet" href="/static/index/reset.css" type="text/css">
    <link rel="stylesheet" href="/static/index/css/flexslider.css" type="text/css" media="screen" property="" />
    <link rel="stylesheet" type="text/css" href="/static/index/css/toastr.min.css" />

    <link rel="stylesheet" type="text/css" href="/static/index/css/toastr.min.css" />
    <link href="/static/index/js/layui/css/layui.css" rel="stylesheet">


    <!-- stylesheet -->
    <!-- meta tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content=""/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- //meta tags -->
    <!--fonts-->
    <link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
          rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    <!--//fonts-->
    <script type="text/javascript" src="/static/index/js/jquery-2.1.4.min.js"></script>
    <script src="/static/index/js/main.js"></script>
    <!-- Required-js -->
    <!-- start-smoth-scrolling -->
    <script type="text/javascript" src="/static/index/js/move-top.js"></script>
    <script type="text/javascript" src="/static/index/js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
            });
        });
    </script>

    <!-- start-smoth-scrolling -->

    <!-- scriptfor smooth drop down-nav -->
    <script>
        $(document).ready(function () {
            $(".dropdown").hover(
                function () {
                    $('.dropdown-menu', this).stop(true, true).slideDown("fast");
                    $(this).toggleClass('open');
                },
                function () {
                    $('.dropdown-menu', this).stop(true, true).slideUp("fast");
                    $(this).toggleClass('open');
                }
            );
        });
    </script>

    <!-- //script for smooth drop down-nav -->
</head>
<body>
{empty name="id"}
<nav class="navbar  navbar-fixed-top" role="navigation" style="background: #e0620d ;padding-top: 3px;height:50px;">
   <div class="container-fluid" style="background: #fff;">
      <div class="navbar-header ">
        <a class="navbar-brand " href="{:url('/index/index/index')}">返回首页</a>
         <button type="button" class="navbar-toggle" data-toggle="collapse"
               data-target="#my-navbar-collapse">
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
         </button>
      </div>
      <form class="navbar-form navbar-left" role="search" action="{:url('/wbSearch')}" method="post">
         <div class="form-group">
            <input type="text" class="form-control" name="Search" placeholder="微博找人">
            <button class="glyphicon glyphicon-search btn_search btn btn-default" ></button>
            <!--  <button type="submit" class="btn btn-default">提交</button> -->
         </div>

      </form>

      <div class="collapse navbar-collapse" id="my-navbar-collapse">
         <a href="{:url('index/index/add')}" style="float: right">注册&nbsp;</a>
         <a href="{:url('index/login/index')}" style="float: right">登录&nbsp;&nbsp;&nbsp;&nbsp;</a>

         <!--//注册按钮-->
      </div>
   </div>
   <hr style="margin: 0;padding: 0;color:#222;width: 100%">
</nav>
{else /}
<nav class="navbar  navbar-fixed-top" role="navigation" style="background: #e0620d ;padding-top: 3px;height:50px;">
    <div class="container-fluid" style="background: #fff;">
        <div class="navbar-header ">
            <a class="navbar-brand " href="{:url('/index/index/index')}">返回首页</a>
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#my-navbar-collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <form class="navbar-form navbar-left" role="search" action="{:url('/wbSearch')}" method="post">
            <div class="form-group">
                <input type="text" class="form-control" name="Search" placeholder="微博找人">
                <button class="glyphicon glyphicon-search btn_search btn btn-default" ></button>
                <!--  <button type="submit" class="btn btn-default">提交</button> -->
            </div>

        </form>

        <div class="collapse navbar-collapse" id="my-navbar-collapse">
            <ul class="nav navbar-nav navbar-right" >
                <li style="margin-right: 20px">
                    <a href="{:url('index/dologin')}" style="color: black;padding: 0px!important;color: #ccc;" class="mingzi">个人首页</a>
                </li>
                <li >
                    <img src="{$photo}" width="30px" style="border-radius: 50%">
                    <a href="{:url('index/dologin')}" style="color: black;padding: 0px!important;" class="mingzi">{$username}</a>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        安全中心<b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <a href="{:url('index/login/loginOut')}" class="roll-nav roll-right J_tabExit tuichu" style="width: 50">
                            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <i class="fa fa fa-sign-out"></i>
                            退出</a><br>

                        <a href="{:url('/editpass')}">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp更改密码</a>
                    </ul>

                </li>
            </ul>
        </div>
    </div>
    <hr style="margin: 0;padding: 0;color:#222;width: 100%">
</nav>
{/empty}
<!-- header -->
<header>
    <!--{volist name="list" id="v"}-->
    <div class="w3layouts-top-strip">
        <div class="col-md-2 w3_agile_classes_grid" style="margin-top: 65px;">
            <div class="agile_classes_grid1" style="margin-top: -102px;">
                <div class="col-xs-4 agile_classes_grid1_right">
                    <div class="agileits_w3layouts_classes_grid1_right">
                        <i class="fa fa-adjust" aria-hidden="true"></i>
                    </div>
                </div>
                <div class="col-xs-8 agile_classes_grid1_left">

                    <h3>#{$name}#</h3>

                </div>
                <div class="clearfix"> </div>
            </div>


        </div>
    </div>

</header>

<div class="breadcrumbs" style="margin-top: 60px;">
    <!--<div class="container">-->

    <!--</div>-->
</div>
<!-- //breadcrumbs -->

<div class="container" >
    <div class="banner-btm-agile">

        <!-- //btm-wthree-left -->


            <!-- wthree-top -->


            {volist name="list" id="v"}
            <div class="col-md-12"style="border: 1px solid #FFAC3A;width: 100% ;padding: 20px;">
                <div class="col-md-12" >

                    <div class="col-md-1" >

                        <div class="comments-grid-left" >
                            <a href="{:url('/tourists')}?id={$v['uid']}"><img src="{$v['photo']}" style="width: 48px;height: 48px;"/></a>
                        </div>

                    </div>
                    <div class="col-md-11" style="margin-bottom: 10px">

                        <br>
                        <h5  style="font-size: 16px;color:#FFAC3A;"><a href="{:url('/tourists')}?id={$v['uid']}">{$v['username']}</a></h5>
                        <p style="font-size: 12px;">{$v['time']}</p>
                        <br>
                        <p >{:replace_weibo($v['content'])}</p>
                        <!--</div>-->

                        <!--<br>-->
                        <ul class="slides col-md-4" style="margin-top: 10px;">
                            {volist name=" explode(',',$v['path'])" id="y"}
                            <?php if($y!=null){?>
                            <li>

                                <div class="w3agile_special_deals_grid_left_grid">
                                    <a href="#"><img src="{$y}" class="img-responsive"
                                                     width="780" style="height: 200px!important"/></a>
                                </div>
                            </li>
                            <?php } ?>
                            {/volist}
                        </ul>
                    </div>

                </div>
                <div class="col-md-1" ></div>
                <div class="col-md-11" >
                    <ul class="col-md-6">
                        <li data-toggle="modal" data-target="#exampleModal" style="float: left; margin-left:10px;"><a ><i  class="fa fa-share turn-btn" aria-hidden="true" data-id="{$v['id']}"> &nbsp; {$v['transpondnum']}</i> </a></li>
                        <li style="float: left; margin-left:10px;"><a><i class="fa fa-thumbs-up agree-btn" aria-hidden="true" data-id="{$v['id']}"> &nbsp; {$v['agreenum']}</i></a></li>
                        <li data-toggle="modal" data-target="#exampleModal" style="float: left; margin-left:10px;"><a ><i class="fa fa-comment com-btn" aria-hidden="true" data-id="{$v['id']}"> &nbsp;  {$v['commentnum']}</i></a></li>
                    </ul>
                    <div class="col-md-6">
                        <a class="agileits w3layouts" href="{:url('index/show/index',['id'=>$v['id']])}" >查看评论<span class="glyphicon agileits w3layouts glyphicon-arrow-right" aria-hidden="true"></span></a>
                    </div>

                </div>
            </div>
            <div class="clearfix"></div>
            <br><br>
            {/volist}
            <br>
            <br>


    </div>
</div>
    <!-- footer -->
<div class="footer-agile-info">
        <div class="container">
            <div class="col-md-4 w3layouts-footer">
                <h3>联系信息</h3>
                <p><span><i class="fa fa-map-marker" aria-hidden="true"></i></span>中华人民共和国上海市徐汇区</p>
                <p><span><i class="fa fa-envelope" aria-hidden="true"></i></span><a href="#">1551941489@qq.com</a></p>
                <p><span><i class="fa fa-mobile" aria-hidden="true"></i></span>P: 03765759119 </p>
                <p><span><i class="fa fa-globe" aria-hidden="true"></i></span><a href="http://www.zhc1995.cn">W:
                    www.zhc1995.cn</a></p>
            </div>
            <div class="col-md-4 wthree-footer">
                <h2>网站简介</h2>
                <p>本网站纯属娱乐,如作商业用途,请联系本人</p>
            </div>
            <div class="col-md-4 w3-agile">
                <h3>意见反馈</h3>
                <p>如果您有好的提议,前邮件联系作者</p>

            </div>
        </div>

</div>
    <!-- footer -->
    <!-- copyright -->
<div class="copyright">

        <div class="container">
            <div class="w3agile-list">

            </div>
            <div class="agileinfo">
                <p>版权 &copy; 魔狗工作室保留一切版权<a target="_blank" href="http://www.baidu.com">魔狗工作室</a>备案号:19001432</p>
            </div>
        </div>
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">
                    已点赞
                </h4>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>





<!--顶部模态框-->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">转发</h4>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-group">
                        <label for="recipient-name" class="control-label" >原微博</label>
                        <div class="username"></div>
                        <div class="form-control old" id="message-text" style="border: solid #ccc 1px;height: 50px;overflow: hidden;"></div>
                        <input type="text" name="mid" value="" class="mid" hidden>
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="control-label ">你的意见</label>
                        <textarea class="form-control new" id="message-text"></textarea>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default clos" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary turn">转发</button>
                <button type="button" class="btn btn-primary commen" style="display: none">评论</button>

            </div>
        </div>
    </div>
</div>


<!-- //copyright -->
<!-- here stars scrolling icon -->

<script src="/static/index/js/toastr.min.js"></script>

<!-- //copyright -->
<!-- here stars scrolling icon -->
<script src="/static/index/js/index.js"></script>

<!-- //here ends scrolling icon -->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/static/index/js/bootstrap.js"></script>
</body>
</html>